<%- include('common/header.html') %>

<link rel="stylesheet" href="/index/css/article.css" />
<link rel="stylesheet" href="/index/animate.css">
<style>
  .content {
    position: absolute;
    left: 50%;
    transform: translateX(-600px);
    margin: auto;
    width: 1200px;
  }

  .vertical {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  .header_banner {
    /* position: relative; */
    height: 240px;
    width: 100%;
    background-color: rgba(38, 212, 239, 0.7);
    /* backgroundsize"true" */
    /* background: #22bdd7; */
    background-size: contain;
    /* background: url(/admin/uploads/file-1657731294681.jpg) no-repeat 0px 0px; */
    background-image: url('https://ccdn.goodq.top/caches/6519d4c1d4722a0f0d85a70bbee8ffbe/aHR0cHM6Ly81YWViZjhiNjA1OTMxLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTgvMDIvN2YyMmUxYzY4Y2E0ZDJhMDM3NmFlYzRlMzk4YzgzZjYtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
    background-color: #22bdd7;
    /* background-size: 100% 100%; */
  }

  .banner_bgc_skyblue {
    background-color: rgba(38, 212, 239, 0.7);
    /* background-color: #000; */
    /* z-index: 99; */
  }

  .header_content {
    position: relative;
    left: 40%;
    transform: translateX(-600px);
    margin: auto;
    width: 1200px;
    height: 100%;
  }

  .header_text {
    position: absolute;
    width: 100%;
    height: 120px;
    top: 50%;
    transform: translateY(-60px);
  }

  .withe_solid {
    float: left;
    top: 65px;
    width: 65px;
    border-bottom: 6px solid #ffffff;
    /* margin-bottom: 20px; */
  }

  .header_title {
    margin-top: 20px;
  }

  .header_title h4 {
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    vertical-align: bottom;
  }

  .header_text_tot p {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding: 10px 0 0 0;
    vertical-align: bottom;
  }

  .crumbs {
    height: 82px;
    width: 100%;
    background-color: #f7f7f7;
    margin-bottom: 50px;
  }

  .crumbs_text {
    position: absolute;
    /* height: 82px; */
    width: 100%;
    top: 30px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #333;
  }

  .crumbs_text span:hover {
    color: #44ebff;
    cursor: pointer;
  }

  .header {
    background-color: #fff;
  }

  .header_text {
    top: 55%;
  }

  .container_text_content_title>ul {
    padding-bottom: 9px;
  }

  .container_text_content_content {
    display: none;
  }

  .check_on_li {
    display: block;
  }


  li {
    border-style: none;
  }

  .col-md-1-8{
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    width: 12.5%;
    float: left;
    background-color: #ffffff;
    margin-bottom: 0px;
    left: 0px;
    right: 0px;
    transform: translate3d(0px,0px,0px);
  }

  .img_div{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    padding: 0;
    margin: 0;
  }
</style>

<body>

  <!-- 内容头部的banner开始 -->
  <div class="banner_bgc_skyblue">
    <div class="header_banner">
      <div class="header_content">
        <div class="header_text">
          <div class="withe_solid w">
          </div>
          <div class="header_title">
            <h4>核心研发团队</h4>
          </div>
          <div class="header_text_tot">
            <p>
              十万用户的共同选择</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 内容头部的banner结束 -->
  <!-- <h1>合作南里</h1> -->
  
  <div class="cooperation_content">
    <div class="container " style="background-color: #ffffff;height: 338px;">
      <div class="row" style="padding: 80px 0px 73px;">
        <div class="col-md-1-8"><img src="index/uploads/Geek+.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/HorRob.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/rokid.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/dajiang.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/infinove.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/kedaxunfei.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/baidu.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/Ali.webp" class="img_div"></div>
      </div>
      <div class="row" style="margin-top: 0px;margin-bottom: 0px;padding-top: 9px;padding-bottom: 73px;padding-left: 0px;padding-right: 0px;">
        <div class="col-md-1-8"><img src="index/uploads/Ali.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/dajiang.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/Geek+.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/infinove.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/HorRob.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/rokid.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/kedaxunfei.webp" class="img_div"></div>
        <div class="col-md-1-8"><img src="index/uploads/baidu.webp" class="img_div"></div>
      </div>
    </div>
  </div>
  <%- include('common/footer.html') %>
</body>

</html>